@charset "utf-8";
@import "reset";
$fontSize:100;
@function r($p){
    @return $p/$fontSize*1rem;
}
html{
    font-size: $fontSize*1px;}
body{
    font-size: 13px;}  
html,body{
    width: 100%;}
//body{background: #1e1e1e;
//  opacity: .9;}
*{ margin: 0;
    padding: 0;
    list-style: none;}
.web_mune{width: 100%;
    height: 100%;
    background: #1e1e1e;
} 
//已经登录 头部 
.header1{
    width: 100%;
    color: #484848;
    .H_box{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: r(30) r(18) r(17);
        box-sizing: border-box;
        border-bottom: 1px solid #484848;
        .H_box_l{width: r(51);
            height: r(51);
            img{width: 100%;
            line-height:r(51);}
        }
        .H_box_r{width: r(534);
            height: r(52);
            border-radius: r(26);
            border: 1px solid #ffffff;
            padding: 0 r(16);
            box-sizing: border-box;
            display: flex;
            align-items: center;
            >img{width: r(27);
                margin-right: r(20);}
            #Search{height:80%;
                width: 85%;
                background: transparent;
                border: 0;
                color: #484848;}
            }
    }
}
//已经登录 中部
.middle1{
    text-align: center;
    color: white;
    letter-spacing: 1px;
    padding: r(33) 0 r(22);
    //头像
    .portrait>img{width: r(130);}
    //个人信息
    .persondata{
        margin-top: r(5);
        .persondata_top,.persondata_btm{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .persondata_top{
            >li{margin: 0 r(5);}
            >li:nth-child(2){
                font-size: 10px;
                height: 14px;
                padding: 0 r(14);
                border: 1px solid white;}
        }
        .persondata_btm{
            >li{
                font-size: 13px;
                padding: 0 r(10);
                color: red;
                position: relative;
                >a{color: white;}}
            >li:first-child::after{
                content:"";
                height: 80%;
                width: .5px;
                background: white;
                position: absolute;
                right: 0;
                top: 20%;}
        }
        >li:nth-child(2)>img{width: r(20);}
    }
    //我的收藏 我的发布
    .coletrles{
        width: r(220);
        height: r(53);
        border-radius: r(25);
        background: #b60005;
        color: white;
        letter-spacing: 1px;
        margin: r(10) r(10) 0 r(10);}
    .release{background: #cdcdcd;}
}

//已经登录 底部
.footer1{
    width: 100%;
    overflow: auto;
    //自测 弹出选项栏可下拉
    padding-bottom: r(40);
    //杂色
    .blank{
        height: r(24);
        background: #d2d2d2;
        opacity: .8;
    }
    //选项栏
    .footer1_nav{
        width: r(578);
        margin: 0 auto;
        >li{
            line-height: r(86);
            >label{
                color: lightgray;
                height: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-bottom: 1px solid #353535;
            }
            //子选项
            .footer1_nav_v{
                color: white;
                font-size: 11px;
                >li{
                    width: r(432);
                    height: r(86);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin: 0 auto;  
                }
                >li:nth-child(2){border-top: 1px solid #353535;}
            }
        }
        input{display: none;}
        .footer1_nav_v{display: none;}
        input[type="checkbox"]:checked ~ ul{display: block}
    }
    //退出按钮
    .footer1_out{
        text-align: center;
        margin-top: r(86);
        
        >button{
            width: r(150);
            height: r(53);
            border-radius: r(10);
            background: #b60005;
            color: white;
            letter-spacing: 1px;
            margin: 0 r(10);}
    }
    
}


//立即登录 页面里的
.portrait_loginow>a>img{width: r(130);}
